<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
    <div id="app">
      <p>姓名：{{username}}</p>
      <p>性别：{{gener}}</p>
      {{message}}
      <p>{{desc}}</p>
      <!-- 标签的写法 -->
      <p v-html="desc"></p>
      <!-- 属性的写法 -->
      <a v-bind:href="link">链接的第二种写法</a>
    </div>
    <script>
        const { createApp, ref } = Vue
      
        createApp({
          setup() {
            //const message = ref('Hello vue!')
            return {
              username :"chenhang",
              message:"helloworld",
              gener:"男",
              link:'https://www.baidu.com',
              desc:'<a href="https://www.baidu.com">百度</a>'
            }
          }
        }).mount('#app')
      </script>
</body>
</html>